/* 1. 使用更直观的 box-sizing 模型 */
*, *::before, *::after {
    box-sizing: border-box;
}

/* 2. 移除默认外边距 */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, fieldset, legend, button, textarea, input, select, figure {
    margin: 0;
    padding: 0;
}

/* 3. 在应用中允许基于百分比的高度 */
html, body {
    height: 100%;
}

/* 4. 添加无障碍行高 */
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased; /* 改善Webkit内核下的字体平滑度 */
}

/* 5. 改进媒体默认设置 */
img, picture, video, canvas, svg {
    display: block; /* 防止图像间出现间隙 */
    max-width: 100%; /* 自适应父容器宽度 */
    height: auto; /* 维持宽高比 */
}

/* 6. 删除内置表单排版样式 */
input, button, textarea, select {
    font: inherit; /* 继承父元素字体 */
    outline: none; /* 可选：移除焦点轮廓线 */
}

/* 7. 避免文字溢出 */
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word; /* 允许换行以防止内容溢出 */
    word-wrap: break-word; /* 兼容旧版本IE */
}

/* 8. 创建根层叠上下文 (仅在特定场景下需要) */
#root, #next-info {
    isolation: isolate; /* 防止z-index层级问题 */
}

html, body, #app, .app-container {
    height: 100%;
}
